<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>旅动</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<link rel="stylesheet" href="https://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
	<script type='text/javascript' src='https://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>

	<link rel="stylesheet" type="text/css" href="./css/base.css?v=1.1.21">
	<link rel="stylesheet" type="text/css" href="./css/travel_list.css?v=1.1.21">
</head>
<body>
	<div class="page">
		<header class="bar bar-nav" href="./index.html">
			<button class="button button-link button-nav pull-left" onclick="location='https://worldcup.dmpb.com.cn/index'">首页</button>
			<button class="button button-link button-nav pull-right j-self">&nbsp;&nbsp;我&nbsp;&nbsp;</button>
			<button class="button button-link button-nav pull-right j-dynamic button-dynamic">动态</button>
			<h1 class="title">约伴</h1>
		</header>
		<div class="content infinite-scroll infinite-scroll-bottom" data-distance="50">
			<div class="row filter-nav">
				<a class="col-33" href="javascript:;" data-search="city">出发城市</a>
				<a class="col-33" href="javascript:;" data-search="match">比赛编号</a>
				<a class="col-33" href="javascript:;" data-search="other">结果筛选</a>
				<!-- <a class="col-20" href="javascript:;" data-search="age">年龄</a>
				<a class="col-20" href="javascript:;" data-search="gender">性别</a> -->
			</div>
			<div class="list"></div>
			<div class="infinite-box"></div>
		</div>
	</div>
	<div class="search-box">
		<div class="search-city search-item">
			<div class="search-input">
				<label class="icon icon-search" for="search"></label>
				<input type="search" id='search' placeholder='请输入出发城市'/>
			</div>
			<div class="search-hot">
				<label>热门搜索</label>
				<div>
					<span class="button button-round button-light" data-val="北京">北京</span>
					<span class="button button-round button-light" data-val="上海">上海</span>
					<span class="button button-round button-light" data-val="广州">广州</span>
					<span class="button button-round button-light" data-val="天津">天津</span>
					<span class="button button-round button-light" data-val="杭州">杭州</span>
					<span class="button button-round button-light" data-val="深圳">深圳</span>
				</div>
			</div>
			<div class="search-ass">
				<!-- <label>搜索联想</label> -->
				<ul></ul>
			</div>
		</div>
		<div class="search-match search-item">
			<div class="search-input">
				<label class="icon icon-search" for="search"></label>
				<input type="search" id='search' placeholder='请输入比赛编号'/>
			</div>
			<!--
			<div class="search-hot">
				<label>热门搜索</label>
				<div>
					<span class="button button-round button-light" data-val="3">3(葡萄牙 vs 西班牙)</span>
					<span class="button button-round button-light" data-val="7">7(阿根廷 vs 冰岛)</span>
					<span></span>
					<span class="button button-round button-light" data-val="11">11(德国 vs 墨西哥)</span>
					<span class="button button-round button-light" data-val="56">56(1H vs 2G)</span>
					<span class="button button-round button-light" data-val="55">55(1F vs 2E)</span>
					<span class="button button-round button-light" data-val="62">62(59胜者 vs 60胜者)</span>
					<span class="button button-round button-light" data-val="51">51(1B vs 2A)</span>
				</div>
			</div>
			-->
			<div class="search-ass">
				<!-- <label>搜索结果</label> -->
				<ul></ul>
			</div>
		</div>
		<div class="search-other search-item">
			<div class="many-item many-item-date">
				<label>约伴时间</label>
				<div class="search-input">
					<input class="search-date" type="text" readonly="" placeholder="请选择约伴时间">
				</div>
			</div>
			<div class="many-item many-item-age">
				<label>年龄</label>
				<div>
					<span class="button button-light" data-val="1">60后</span>
					<span class="button button-light" data-val="2">70后</span>
					<span class="button button-light" data-val="3">80后</span>
					<span class="button button-light" data-val="4">90后</span>
					<span class="button button-light" data-val="5">00后</span>
				</div>
			</div>
			<div class="many-item many-item-gender">
				<label>性别</label>
				<div>
					<span class="button button-light" data-val="1">男</span>
					<span class="button button-light" data-val="2">女</span>
				</div>
			</div>
		</div>
		<div class="search-btns">
			<span class="j-search">完成</span>
			<span class="j-clear">清空</span>
		</div>
	</div>
	<div class="list-mask"></div>
</body>
<script type='text/javascript' src='https://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type="text/javascript" src="./js/common.js?v=1.1.57"></script>
<script type="text/javascript" src="./js/guide.js?v=1.1.21"></script>
<script type="text/javascript" src="./js/travel_list.js?v=1.1.21"></script>
<script type="text/javascript">
   var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cspan id='cnzz_stat_icon_1267142462'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1267142462%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
</script>
</html>
